/*
Theme Name: March 2021
Author: TakshakSH
Author URI: https://www.twitter.com/takshaksh
Version: 21.11.8
Updatted on: November 8th, 2021
*/
@font-face {
  font-family: 'dinr';
  src: url('fonts/dinr.woff2') format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'dinb';
  src: url('fonts/dinb.woff2') format('woff2');
  font-display: swap;
}
:root{
  --white: white;
  --bg-gray: #EEEEEE;
  --text-dark: #0000008c;
  --text-darker: #4B4B4B;
  --text-lite: #AFAFAF;
  --link-color: #FFC34C;
  --link-hover: #205d67;
  --primary-yellow: #FFC34C;
  --dark: #102020;
  --light-gray: #B9B9B9;
  --font-bold: dinb, Roboto, sans-serif;
  --font-regular: dinr, Roboto, sans-serif;
  /* --shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); old shadow */
  --shadow:0px 5px 1px #0000001c;
  --shadow-button: 0px 18.6469px 55.9408px rgba(0, 0, 0, 0.18);
}
.funky{
  --bg: hotpink;
  --text-color: #fff;
}
*{
  transition: all 0.5s cubic-bezier(.25,.8,.25,1);
}
html {
  scroll-behavior: smooth;
}
body{
  background-color: var(--bg-gray);
  font-family: var(--font-regular);
  transition: all 0.5s cubic-bezier(.25,.8,.25,1);
}
.no-lr-padding{
  padding-left: 0 !important;
  padding-right: 0 !important;
}
a{
  text-decoration: none;
  color: var(--text-dark);
}
a:hover{
  color: var(--text-darker);
}
.card{
  border: none!important;
}
h1, h2, h3, h4, h5, h6{
  color: var(--text-dark);
  font-family: var(--font-bold);
}
ul{
  list-style: none;
}
p{
  font-size: 1.15rem;
  margin: 0rem 0rem 1.8rem;
  line-height: 1.6;
}
b, strong {
  font-family: var(--font-bold);
}
::-moz-selection {
  color: var(--text-dark);
  background: var(--primary-yellow);
}
::selection {
  color: var(--text-dark);
  background: var(--primary-yellow);
}
::select:hover {
  color: var(--text-dark);
  background: var(--primary-yellow);
}
.container{
  max-width: 1280px;
}

/* Navigation */
.top-header{
  background-color: var(--white);
  text-align: center;
  box-shadow: var(--shadow);
  padding: .5rem;
  position: relative;
  margin-bottom: 0.05rem;
}
.strings{
  display: flow-root;
}
.hanger-right{
  float: right;
}
.hanger-left{
  float: left;
}
.my-navbar{
  margin-top: -.5rem;
  margin-left: .25rem;
  margin-right: .25rem;
  padding: 0 1rem 0 1rem;
  background-color: var(--white);
  box-shadow: var(--shadow);
  border-bottom-left-radius: 1rem;
  border-bottom-right-radius: 1rem;
  font-family: dinb, sans-serif;
  font-size: 1.25rem;
  color: var(--text-dark);
}
.nav-link{
  padding: .5rem 0 .3rem 0;
}
.nav-link.active{
  color: var(--text-dark) !important;
  background: var(--primary-yellow);
  border-radius: 12px;
}
.navbar-toggler {
  margin: 0 auto;
  border: none;
  outline: none;
}
.navbar-collapse {
  text-align: center;
}
.navbar-toggler:focus {
  outline: 0 !important;
  box-shadow: inset 0px 4px 0px 0rem;
}
.latest-posts{
  padding: .4rem 2rem;
  background-color: var(--white);
  box-shadow: var(--shadow);
  border-radius: 1rem;
  /* display: inline-block; */
  margin-top: 1rem;
  margin-bottom: 1rem;
  font-size: 1.3rem;
  text-align: center;
}
.latest-posts p{
  margin: 0;
  font-family: dinb, sans-serif;
}
.latest-posts span{
  font-family: dinr, sans-serif;
  margin-right: 1rem;
  color: var(--text-lite);
}
.latest-posts img, .ripples{
  opacity: 1;
  animation: fade 2s infinite;
}
@keyframes fade {
  0%,100% { opacity: 0 }
  50% { opacity: 1 }
}

/* Search and Latest (Heading bar) */
.searchform button{
  width: 40px;
}
.searchform input, .searchform button{
  padding: .1rem;
  border: .4rem solid var(--white);
  box-shadow: var(--shadow);
  border-radius: 1rem;
  display: inline-block;
  font-size: 1.1rem;
  outline: none;
  margin: 1rem .5rem 1rem -.5rem;
}
.searchform input:first-child{
  width: 60%;
  text-align: center;
}
.form-control:focus {
  color: #212529;
  border: 2px solid var(--primary-yellow);
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgb(250 195 76 / 18%);
}
.btn-check:focus+.btn-outline-secondary, .btn-outline-secondary:focus {
  box-shadow: 0 0 0 0.25rem rgb(108 117 125 / 20%);
}
.btn-outline-secondary:hover {
  background-color: var(--light-gray);
  border-color: var(--light-gray);
}


/* Post */
.card-post:first-of-type {
/*   margin-top: 0rem; */
}
.card-post{
  margin-bottom: .6rem;
  margin-top: .6rem;
  background-color: var(--white);
  box-shadow: var(--shadow);
  border-radius: 1rem;
  width: 100%;
}
.card-post .card-body .card-title{
  color: var(--text-dark);
  font-family: dinb, sans-serif;
  text-decoration: none;
  line-height: .8;
}
.card-post .card-body .card-text{
  color: var(--text-lite);
  font-family: dinr, sans-serif;
  font-size: 1.1rem;
}
.card-post .card-body .card-text-div{
  color: var(--text-lite);
  font-family: dinb, sans-serif;
  font-size: 1rem;
}
.card-post .card-body .card-text-div p{
  margin-bottom: 0;
}
.card-post .card-body .card-text-div p:first-child{
  float: right;
  margin-right: 1rem;
}
.card-post .small-thumbnail{
  border-radius: 1rem 0rem 0rem 1rem;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.card-post .small-thumbnail:hover{
  transform: scale(1.05);
}
div.post-read{
  background: var(--white);
  box-shadow: var(--shadow);
  border-radius: 1rem;
  margin-bottom: 1rem;
}
div.post-read .post-col{
  margin: 1rem;
}
div.post-read .post-col img{
  /* margin: 0 auto;
  display: block; */
  width: 100%;
  height: auto;
}

/* Comments */
div.comments{
  padding: 1rem;
}
.reaction-item__button{
  margin: .1rem!important;
}
.reaction-item{
  margin-bottom: -.8rem!important;
}

/* Content design*/
div.post-content a{
  position: relative;
  z-index: 0;
  background: linear-gradient(to top,transparent 0%,var(--primary-yellow) 0%,var(--primary-yellow) 100%,transparent 100%) no-repeat left 0 bottom 0;
  background-size: 100% 4px;
  transition: .2s;
}
div.post-content a:hover{
  background-size: 100% calc(1em + 6px);
  -webkit-animation: bgUp 150ms ease-in;
  animation: bgUp 150ms ease-in;
  padding-top: 2px;
}
div.post-content h2{
  margin-top: 2rem;
  margin-bottom: 1rem;
  border-bottom: .2rem solid;
}
div.post-content ul li{
  font-size: 1.2rem;
}
div.post-content ul li::before {
  content: "•";
  color: #ea8800;
  display: inline-block;
  font-size: 2.4rem;
  width: 1em;
  margin-left: -1em;
  padding-left: .9rem;
  vertical-align: middle;
}
li.blocks-gallery-item::before {
  display: none!important;
}
div.post-content ul li {
  font-size: 1.2rem;
  margin-bottom: .2rem;
  line-height: .6;
  margin-top: 0.4rem;
}
div.post-content ol li {
  font-size: 1.2rem;
  margin-bottom: 1rem;
}
div.post-content .category{
  margin-top: 2rem;
  margin-bottom: 1rem;
  font-family: var(--font-bold);
}
div.post-content .category a{
  margin-right: .2rem;
  margin-left: .7rem;
  display: inline-block;
}

div.post-content .post-out-link, .pol a{
  text-align: center;
  margin-top: 2rem;
  margin-bottom: 2rem;
}
div.post-content .post-out-link a, .pol a{
  padding: 1.2rem 1.5rem 1rem 4.2rem;
  margin-right: .5rem;
  margin-top: .5rem;
  margin-bottom: .5rem;
  border-radius: 1rem;
  text-align: center;
  box-shadow: var(--shadow);
  background: url(img/download.svg) 1.2rem 1.1rem no-repeat;
  background-color: var(--primary-yellow);
  display: inline-block;
}
div.post-content .post-out-link a:hover, .pol a:hover{
  transition: all 0.5s cubic-bezier(.25,.8,.25,1);
  box-shadow: none;
  transform: scale(.98);
}
.wp-block-code{
  background: var(--text-darker);
  color: var(--white);
  padding: 1rem 1rem;
  border-radius: 1rem;
  box-shadow: var(--shadow);
  font-weight: bold;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.wp-block-code code {
  display: flex;
}
.wp-block-code code:before {
  color: var(--primary-yellow);
  content: "\0024";
  padding-right: 7px;
}
.wp-block-quote, .has-background{
  border: .3rem solid var(--primary-yellow);
  padding: 1.2rem .5rem .8rem .5rem!important;
  border-radius: 1rem;
  box-shadow: var(--shadow);
  font-weight: bold;
  margin-top: 2rem;
  margin-bottom: 2rem;
  text-align: center;
  color: var(--text-dark);
  font-size: calc(1rem + .2vw);;
}

figure.wp-block-image{
  margin-top: 1rem;
}
figure.wp-block-image figcaption{
  margin-bottom: 1em;
  text-align: center;
  margin-top: 0;
  background-color: var(--bg-gray);
  /* margin-right: 3.25rem;
  margin-left: 3.25rem; */
}
div.post-share ul{
  list-style: none;
  margin-block-start: 0;
  padding-inline-start: 0;
  margin-top: 2rem;
  margin-bottom: 1rem;
}
div.post-share ul li{
  display: inline-block;
  margin-top: .5rem;
}
div.post-share ul li:hover{
  transform: scale(1.1);
}
div.post-share ul li:last-child{
  float: right;
}
div.post-share ul a{
}



/* Pagignation */
div.pagignation-wrapper{
  text-align: center;
  margin-bottom: 2rem;
  margin-top: 2rem;
}
div.pagignation{
  font-family: var(--font-bold);
  font-size: 1.3rem;
  background: var(--white);
  box-shadow: var(--shadow);
  border-radius: .7rem;
  display: inline-block;
  padding: .5rem 1.5rem .5rem 1.5rem;
}
div.pagignation a.page-numbers{
  color: var(--text-dark);
  padding: 1.2rem 0.5rem 1rem .5rem;
}
div.pagignation span.current{
  background-color: var(--primary-yellow);
  border-radius: .4rem;
  padding: .3rem .6rem;
}

/* Sidebar */
div.sidebar{

}
div.sidebar .widget-item{
  background: var(--white);
  box-shadow: var(--shadow);
  border-radius: 1rem;
  padding: .5rem 0.2rem;
  margin-bottom: 1rem;
}
div.sidebar .widget-item h4.widget-title, div.sidebar .widget-item h2{
  text-align: center;
  color: var(--text-dark)d1;
  background: var(--primary-yellow);
  border-radius: .7rem;
  padding: 0.7rem .5rem 0.5rem 0.5rem;
  margin: .3rem .5rem 1.4rem .5rem;
  font-family: var(--font-bold);
	font-size:1.5rem;
}
div.sidebar .widget-item ul{
  list-style: none;
  padding-inline-start: .5rem;
  margin-bottom: 0;
}
div.sidebar .widget-item ul li{
  margin-bottom: 1rem;
  display: inline-flex;
}
div.sidebar .widget-item ul li a{
  color: var(--text-dark);
  font-weight: bold;
}

div.sidebar .widget-item ul li a img{
  border-radius: .6rem;
  box-shadow: var(--shadow);
}
/* div.sidebar .widget-item form{
  text-align: center;
  margin-bottom: 2rem;
} */
div.sidebar .widget-item select{
  border: 0px;
  box-sizing: var(--shadow);
  padding: 1rem 4.5rem 0.5rem 2.5rem;
  border-radius: .7rem;
  background: white;
  box-shadow: var(--shadow);
  font-family: var(--font-bold);
  display: block;
  margin: 0 auto;
  margin-bottom: 2rem;
  text-align-last: center;

  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;

  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='10' fill='none'%3E%3Cpath d='M7.232 9c-.77 1.333-2.694 1.333-3.464 0L.737 3.75c-.77-1.333.192-3 1.732-3h6.062c1.54 0 2.502 1.667 1.732 3L7.232 9z' fill='%234b4b4b'/%3E%3C/svg%3E") 11rem 1.4rem no-repeat;
}
div.sidebar .widget-item select:active{
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='10' fill='none'%3E%3Cpath d='M3.768 1c.77-1.333 2.694-1.333 3.464 0l3.031 5.25c.77 1.333-.192 3-1.732 3H2.469c-1.54 0-2.502-1.667-1.732-3L3.768 1z' fill='%234b4b4b'/%3E%3C/svg%3E") 11rem 1.4rem no-repeat;
}

div.sidebar .widget-item label{
  display: none;
}

div.sidebar .widget-item select:focus{
background-repeat: no-repeat;
border-color: var(--primary-yellow);
outline: 0;
}

div.sidebar .widget-item .youtube-widget{
  text-align: center;
  display: block;
  color: var(--text-dark);
}
div.sidebar .widget-item .youtube-widget p{
  margin-top: 1rem;
  font-family: var(--font-bold);
  font-size: 1.3rem;
}
.subscribers{
  margin: 1rem 1rem -0.5rem 1rem;
}

/* Footer styles */
footer{
  padding: 1.5rem 1.5rem;
  color: var(--text-lite);
  background-color: var(--white);
  box-shadow: 0px -5px 1px #0000001c;
  margin-top: 1.5rem;
}
.my-footer-menu{
  margin-top: -.5rem;
  margin-left: .25rem;
  margin-right: .25rem;
  padding: 0 1rem 0 1rem;
  font-family: dinb, sans-serif;
  font-size: 1.35rem;
  color: var(--text-dark);
}
.my-footer-menu ul{
  margin: 0 auto;
  padding-top: 2rem;
  padding-bottom: 2rem;
  padding-inline-start: 16px;
}
.my-footer-menu .nav-link{
  padding: .5rem 0 .1rem 0;
  margin-right: 1rem;
  color: var(--text-dark);
}
.my-footer-menu .nav-link:hover{
  transform: scale(1.04);
}
.my-footer-menu .nav-link.active{
  color: var(--text-dark) !important;
  border-bottom: .3rem solid var(--text-lite);
  background: none;
  padding-bottom: 0;
}
ul.footer-social-links{
  list-style: none;
  margin-block-start: 0;
  padding-inline-start: 0;
  text-align: center;
  margin-bottom: 2rem;
  margin-top: 1rem;
}
ul.footer-social-links li{
  display: inline-block;
  margin-right: 1rem;
  margin-left: 1rem;
  margin-bottom: 1rem;
}
ul.footer-social-links li:hover{
  transform: scale(1.04);
}
div.footer-copyright p{
  font-family: dinb, sans-serif;
  font-size: 1.25rem;
  color: var(--text-lite);
  margin-bottom: 0;
  opacity: 0.55;
  box-shadow: (0px 2px 1px rgba(0, 0, 0, 0.35));
}
div.footer-copyright p span{
  border: .2rem solid var(--text-lite);
  border-radius: .5rem;
  padding: .2rem .3rem .0rem .35rem;
}


@media all and (min-width: 992px) {
  .navbar .nav-item .dropdown-menu{ display: none; }
  /* .navbar .nav-item:hover .nav-link{ color: #578af0;  } */
  .navbar .nav-item:hover .dropdown-menu{ display: block; }
  .navbar .nav-item .dropdown-menu{ margin-top:0; }

  .home-sidebar{
    -ms-flex: 0 0 350px;
        flex: 0 0 350px;
  }
  /* .home-latest{
    -ms-flex: 0 0 270px;
        flex: 0 0 270px;
  } */
}
@media all and (max-width: 992px) {
  .searchform input:first-child{
    width: 80%;
    text-align: center;
  }
  .latest-posts{
    padding: .4rem 1rem;
  }
}

@media all and (max-width: 767px) {
  .card-post .card-body{
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .card-post{
    text-align: center;
  }
  footer{
    padding: 1rem 1rem;
  }
  .card-post .small-thumbnail{
    border-radius: 1rem 1rem 0rem 0rem;
    width: 100%;
    height: auto;
  }
  div.post-share ul li:last-child{
    float: none;
  }
  div.post-share ul{
    text-align: center;
  }
  .latest-posts{
    display: none;
  }
}
  @media all and (max-width: 575px) {
    .row{
      display: inline;
      /* width: 100%; for card image full width*/
    }
    .search-col{
      text-align: center;
      margin-bottom: -2.5rem;
      margin-top: -1rem;
    }
    div.post-read .post-col {
      margin: 0; /*for thumbnail no overflow*/
    }
    .no-lr-padding2{
      padding-left: 0 !important;
      padding-right: 0 !important;
    }
    .minus-top{
      margin-top: -1.5rem;
    }
}
@media all and (max-width: 412px) {
  div.post-content .post-out-link a, .pol a{
    background: url(img/download.svg) 1.2rem 1.7rem no-repeat;
    background-color: var(--primary-yellow);
  }
  div.container{
    padding-left: .2rem;
    padding-right: .2rem;
  }
  div.container .col:first-child{
    padding-left: .5rem;
    padding-right: .5rem;
  }
  div.post-content{
    padding-left: .2rem!important;
    padding-right: .2rem!important;
  }
  div.card-text-div p{
    font-size: 1.1rem;
  }
  div.post-share ul{
    margin-top: 1rem;
    margin-bottom: 0rem;
  }
}



/* Trending plugin style */
.wpp-no-data {}
.wpp-list {}
.wpp-list li {
    overflow: hidden;
    float: none;
    clear: both;
    margin-bottom: 1rem;
}
.wpp-list li:last-of-type {margin-bottom: 0;}
.wpp-list li.current {}
.wpp-thumbnail {
    display: inline;
    float: left;
    margin: 0 1rem 0 0;
    border: none;
}
.wpp-post-title {}
.wpp-excerpt {}
.wpp-meta,.post-stats {
    display: block;
    font-size: .8em;
}
.wpp-comments {}
.wpp-views {}
.wpp-author {}
.wpp-date {}
.wpp-category {}
.wpp-rating {}

  /* Youtube responsive video */
  .iframe-container {
    overflow: hidden;
    padding-top: 56.25%;
    position: relative;
  }
  .iframe-container iframe {
    border: 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
  }

  /* Google auto load */
  .google-auto-placed{
    margin-bottom: 2rem;
    padding: 1rem;
  }